<nz-page-header>
  <nz-page-header-title>分应用代理</nz-page-header-title>
  <nz-page-header-extra>
    <nz-switch class="float-right" [ngModel]="status" nzCheckedChildren="开" nzUnCheckedChildren="关" (ngModelChange)="changeProxyStatus($event)"></nz-switch>
  </nz-page-header-extra>
</nz-page-header>
<ul style="height: 300px;overflow-y: auto"
    *ngIf="status"
    nz-list
    [nzDataSource]="apps"
    nzBordered
    nzSize="large"
    [nzRenderItem]="largeItem"
>
  <ng-template #largeItem let-item>
    <li nz-list-item [nzActions]="[opAction]" [nzContent]="item.appName" nzNoFlex (click)="changeStatus(item)"></li>
    <ng-template #opAction>
      <label nz-checkbox [nzChecked]="item.isSelected === 1" (nzCheckedChange)="changeStatus(item)"></label>
    </ng-template>
  </ng-template>
</ul>
